/*** BASIC STYLE ***/

/*-- general-- */
ul.mega-menu, ul.mega-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.mega-menu a {
  display: block;
  width: 10em;
}

ul.mega-menu li {
	background: none;
}
/*-- colums --*/
ul.mega-menu div.col li {
	display:block;
  width: 10em;
}

ul.mega-menu div.col {
  float:left;
}

/*-- icon, description --*/
ul.mega-menu div.menu-icon{
  margin: 0;
  pading: 0;
  background-position: left 1px;
  background-repeat: no-repeat;
  padding-left: 20px;
  display:block;
  overflow: hidden;
}

ul.mega-menu span.menu-title{
  dipslay:block;
}

ul.mega-menu span.menu-desc{
  display:block;
  font-weight: normal;
  font-size: 92%;
}

/*** DEFAULT LEFT STYLE ***/
ul.mega-menu.left {
	background-color: #FFF;
}
ul.mega-menu.left li{
  background: none;
  padding: 2px 5px 5px 0;
}

ul.mega-menu.left li ul.mega {
	background-color: #FFF;
	margin: -2em 0 0 7em;
}

ul.mega-menu.left li.haschildren{
  background: url(arrow.png) no-repeat 94% 50%;
}

/*** DEFAULT DOWN STYLE ****/
ul.mega-menu {
	background-color: #ccc;
	border: 1px solid #acacac;
}

ul.mega-menu.down li.level0 {
	margin: 0;
	padding:0 5px;
	border-right: 1px dotted #999;
}

ul.mega-menu.down li li .mega {
  margin: -1em 0 0 7em;
}

ul.mega-menu.down li.level0 {
  float: left;
}

ul.mega-menu.down .mega{
  background-color: #ccc;
	border: 1px solid #acacac;
}

ul.mega-menu.down li.show-child .mega{
	margin: 0;
	border: 0;
}